<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="../../../../style.css" type="text/css" media="screen">
<link rel="stylesheet" href="../../../../print.css" type="text/css" media="print">
<meta content="Back,org.as3lib.kitchensync.easing.Back,DEFAULT_OVERSHOOT,easeIn,easeInOut,easeOut,easeOutIn" name="keywords">
<title>org.as3lib.kitchensync.easing.Back</title>
</head>
<body>
<script type="text/javascript" language="javascript" src="../../../../asdoc.js"></script><script type="text/javascript" language="javascript" src="../../../../cookies.js"></script><script type="text/javascript" language="javascript">
<!--
				asdocTitle = 'Back - KitchenSync';
				var baseRef = '../../../../';
				window.onload = configPage;
			--></script>
<table style="display:none" id="titleTable" cellspacing="0" cellpadding="0" class="titleTable">
<tr>
<td align="left" class="titleTableTitle">API Documentation</td><td align="right" class="titleTableTopNav"><a onclick="loadClassListFrame('../../../../all-classes.html')" href="../../../../package-summary.html">All&nbsp;Packages</a>&nbsp;|&nbsp;<a onclick="loadClassListFrame('../../../../all-classes.html')" href="../../../../class-summary.html">All&nbsp;Classes</a>&nbsp;|&nbsp;<a onclick="loadClassListFrame('../../../../index-list.html')" href="../../../../all-index-A.html">Index</a>&nbsp;|&nbsp;<a href="../../../../index.html?org/as3lib/kitchensync/easing/Back.html&amp;org/as3lib/kitchensync/easing/class-list.html" id="framesLink1">Frames</a><a onclick="parent.location=document.location" href="" style="display:none" id="noFramesLink1">No&nbsp;Frames</a></td><td rowspan="3" align="right" class="titleTableLogo"><img alt="Adobe Logo" title="Adobe Logo" class="logoImage" src="../../../../images/logo.jpg"></td>
</tr>
<tr class="titleTableRow2">
<td align="left" id="subTitle" class="titleTableSubTitle">Class&nbsp;Back</td><td align="right" id="subNav" class="titleTableSubNav"><a href="#methodSummary">Methods</a>&nbsp;| <a href="#constantSummary">Constants</a></td>
</tr>
<tr class="titleTableRow3">
<td colspan="2">&nbsp;</td>
</tr>
</table>
<script type="text/javascript" language="javascript">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Class Back"); titleBar_setSubNav(true,false,false,false,false,false,true,false,false,false,false,false,false,false);}
--></script>
<div class="MainContent">
<table cellspacing="0" cellpadding="0" class="classHeaderTable">
<tr>
<td class="classHeaderTableLabel">Package</td><td><a onclick="javascript:loadClassListFrame('class-list.html')" href="package-detail.html">org.as3lib.kitchensync.easing</a></td>
</tr>
<tr>
<td class="classHeaderTableLabel">Class</td><td class="classSignature">public class Back</td>
</tr>
</table>
<p></p>
  <p>Back produces values that go beyond the usual bounds of 0.0 to 1.0 by a specified amount (overshoot).
  Visually, the subject would appear to move behind the starting point or past the ending point before returning
  to the target position.</p>
  <p>The easing classes provide static methods for interpolating the change between two values over time.
  Each class handles the interpolation, or easing, differently. Each class typically contains three methods
   - <code>easeIn()</code>, <code>easeOut()</code> and <code>easeInOut()</code> - which vary the rate of change
   of the values. Most of the easing functions produce values as a percentage - a number between 0.0 and 1.0</p>
  
   <p></p>
<p>
<span class="classHeaderTableLabel">See also</span>
</p>
<div class="seeAlso">
<a href="http://www.robertpenner.com/easing_terms_of_use.html" target="mm_external">http://www.robertpenner.com/easing_terms_of_use.html</a>
<br>
<a href="http://www.robertpenner.com/easing/" target="mm_external">http://www.robertpenner.com/easing/</a>
<br>
<a href="EasingUtil.html" target="">EasingUtil</a>
</div>
<br>
<hr>
</div>
<a name="methodSummary"></a>
<div class="summarySection">
<div class="summaryTableTitle">Public Methods</div>
<table id="summaryTableMethod" class="summaryTable " cellpadding="3" cellspacing="0">
<tr>
<th>&nbsp;</th><th colspan="2">Method</th><th class="summaryTableOwnerCol">Defined&nbsp;by</th>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#easeIn()">easeIn</a>(timeElapsed:Number, duration:Number, overshoot:Number):Number</div>
<div class="summaryTableDescription">[static]
     easeIn starts out slow and increases in speed towards the end of the duration.</div>
</td><td class="summaryTableOwnerCol">Back</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#easeInOut()">easeInOut</a>(timeElapsed:Number, duration:Number, overshoot:Number):Number</div>
<div class="summaryTableDescription">[static]
     easeInOut combines the motion of easeIn and easeOut by starting out slow and increasing in speed 
     towards the middle of the duration, then slowing down again towards the end.</div>
</td><td class="summaryTableOwnerCol">Back</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#easeOut()">easeOut</a>(timeElapsed:Number, duration:Number, overshoot:Number):Number</div>
<div class="summaryTableDescription">[static]
     easeOut starts out fast and decreases in speed towards the end of the duration.</div>
</td><td class="summaryTableOwnerCol">Back</td>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol">
<div class="summarySignature">
<a class="signatureLink" href="#easeOutIn()">easeOutIn</a>(timeElapsed:Number, duration:Number, overshoot:Number):Number</div>
<div class="summaryTableDescription">[static]
  easeOutIn combines the motion of easeIn and easeOut by starting out decelerating 
  towards the middle of the duration, then accelerating end.</div>
</td><td class="summaryTableOwnerCol">Back</td>
</tr>
</table>
</div>
<a name="constantSummary"></a>
<div class="summarySection">
<div class="summaryTableTitle">Public Constants</div>
<table id="summaryTableConstant" class="summaryTable " cellpadding="3" cellspacing="0">
<tr>
<th>&nbsp;</th><th colspan="2">Constant</th><th class="summaryTableOwnerCol">Defined&nbsp;by</th>
</tr>
<tr class="">
<td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a class="signatureLink" href="#DEFAULT_OVERSHOOT">DEFAULT_OVERSHOOT</a> : Number = 1.70158<div class="summaryTableDescription">[static] The default amount of overshoot if the user doesn't specify.</div>
</td><td class="summaryTableOwnerCol">Back</td>
</tr>
</table>
</div>
<script type="text/javascript" language="javascript">
<!--
showHideInherited();
--></script>
<div class="MainContent">
<a name="methodDetail"></a>
<div class="detailSectionHeader">Method detail</div>
<a name="easeIn()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">easeIn</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td>
</tr>
</table>
<div class="detailBody">
<code>public static function easeIn(timeElapsed:Number, duration:Number, overshoot:Number):Number</code><p>
     easeIn starts out slow and increases in speed towards the end of the duration.
     The values dip below the starting point (0.0) before increasing towards the end point (1.0)
     
     </p><span class="label">Parameters</span>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20px"></td><td><code><span class="label">timeElapsed</span>:Number</code> &mdash; The time since the tween began in milliseconds or frames.
     </td>
</tr>
<tr>
<td class="paramSpacer">&nbsp;</td>
</tr>
<tr>
<td width="20px"></td><td><code><span class="label">duration</span>:Number</code> &mdash; The duration of the tween, in milliseconds or frames.
     </td>
</tr>
<tr>
<td class="paramSpacer">&nbsp;</td>
</tr>
<tr>
<td width="20px"></td><td><code><span class="label">overshoot</span>:Number</code> &mdash; The ammount to go over past the target value. The higher the number, the farther it will go.
     </td>
</tr>
</table>
<p></p>
<span class="label">Returns</span>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20"></td><td><code>Number</code> &mdash; percentage complete - between 0.0 and 1.0 but with the overshoot, it may extend below 0.0 or above 1.0
     </td>
</tr>
</table>
</div>
<a name="easeInOut()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">easeInOut</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public static function easeInOut(timeElapsed:Number, duration:Number, overshoot:Number):Number</code><p>
     easeInOut combines the motion of easeIn and easeOut by starting out slow and increasing in speed 
     towards the middle of the duration, then slowing down again towards the end.
     The values dip below the starting point (0.0) then overshoot the end point (1.0) before returning back to it.
     
     </p><span class="label">Parameters</span>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20px"></td><td><code><span class="label">timeElapsed</span>:Number</code> &mdash; Specifies the time since the tween began in milliseconds or frames.
     </td>
</tr>
<tr>
<td class="paramSpacer">&nbsp;</td>
</tr>
<tr>
<td width="20px"></td><td><code><span class="label">duration</span>:Number</code> &mdash; Specifies the duration of the tween, in milliseconds or frames.
     </td>
</tr>
<tr>
<td class="paramSpacer">&nbsp;</td>
</tr>
<tr>
<td width="20px"></td><td><code><span class="label">overshoot</span>:Number</code> &mdash; The ammount to go over past the target value. The higher the number, the farther it will go.
     </td>
</tr>
</table>
<p></p>
<span class="label">Returns</span>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20"></td><td><code>Number</code> &mdash; percentage complete - between 0.0 and 1.0 but with the overshoot, it may extend below 0.0 or above 1.0
     </td>
</tr>
</table>
</div>
<a name="easeOut()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">easeOut</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public static function easeOut(timeElapsed:Number, duration:Number, overshoot:Number):Number</code><p>
     easeOut starts out fast and decreases in speed towards the end of the duration.
     The values overshoot the end point (1.0) before returning back to it.
     
     </p><span class="label">Parameters</span>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20px"></td><td><code><span class="label">timeElapsed</span>:Number</code> &mdash; Specifies the time since the tween began in milliseconds or frames.
     </td>
</tr>
<tr>
<td class="paramSpacer">&nbsp;</td>
</tr>
<tr>
<td width="20px"></td><td><code><span class="label">duration</span>:Number</code> &mdash; Specifies the duration of the tween, in milliseconds or frames.
     </td>
</tr>
<tr>
<td class="paramSpacer">&nbsp;</td>
</tr>
<tr>
<td width="20px"></td><td><code><span class="label">overshoot</span>:Number</code> &mdash; The ammount to go over past the target value. The higher the number, the farther it will go.
     </td>
</tr>
</table>
<p></p>
<span class="label">Returns</span>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20"></td><td><code>Number</code> &mdash; percentage complete - between 0.0 and 1.0 but with the overshoot, it may extend below 0.0 or above 1.0
     </td>
</tr>
</table>
</div>
<a name="easeOutIn()"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">easeOutIn</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td>
</tr>
</table>
<div class="detailBody">
<code>public static function easeOutIn(timeElapsed:Number, duration:Number, overshoot:Number):Number</code><p>
  easeOutIn combines the motion of easeIn and easeOut by starting out decelerating 
  towards the middle of the duration, then accelerating end.
   
     </p><span class="label">Parameters</span>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20px"></td><td><code><span class="label">timeElapsed</span>:Number</code> &mdash; Specifies the time since the tween began in milliseconds or frames.
     </td>
</tr>
<tr>
<td class="paramSpacer">&nbsp;</td>
</tr>
<tr>
<td width="20px"></td><td><code><span class="label">duration</span>:Number</code> &mdash; Specifies the duration of the tween, in milliseconds or frames.
     </td>
</tr>
<tr>
<td class="paramSpacer">&nbsp;</td>
</tr>
<tr>
<td width="20px"></td><td><code><span class="label">overshoot</span>:Number</code> &mdash; The ammount to go over past the target value. The higher the number, the farther it will go.
     </td>
</tr>
</table>
<p></p>
<span class="label">Returns</span>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20"></td><td><code>Number</code> &mdash; percentage complete - between 0.0 and 1.0 but with the overshoot, it may extend below 0.0 or above 1.0
  </td>
</tr>
</table>
</div>
<a name="constantDetail"></a>
<div class="detailSectionHeader">Constant detail</div>
<a name="DEFAULT_OVERSHOOT"></a>
<table cellspacing="0" cellpadding="0" class="detailHeader">
<tr>
<td class="detailHeaderName">DEFAULT_OVERSHOOT</td><td class="detailHeaderType">constant</td>
</tr>
</table>
<div class="detailBody">
<code>public static const DEFAULT_OVERSHOOT:Number = 1.70158</code><p> The default amount of overshoot if the user doesn't specify. Rougly 10% </p></div>
<br>
<br>
<hr>
<br>
<p></p>
<center class="copyright"> 
</center>
</div>
</body>
</html>
<!-- -->
